<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>layUI 扩展模块之树形下拉选择框 selectTree</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../layui-2.3.0/css/layui.css">
    <link rel="stylesheet" href="../css/selectTree.css">
    <script type="text/javascript" src="../../layui-2.3.0/layui.js"></script>
    <script type="text/javascript" src="../js/treeselect.js"></script>
</head>
<body>
<div class="layui-container">
    <div class="layui-row">
        <div class="layui-col-md3">
            <input type="text" id="treeselecttest" lay-filter="demo" placeholder="模块" autocomplete="off" class="layui-input">
        </div>
    </div>
</div>

<script type="text/javascript">
    layui.config({
        base : "../js/"
    }).use(['treeselect','tree','element','jquery'],function(){
        var treeselect = layui.treeselect;
        treeselect.render(
            {
                elem: "#treeselecttest",
                data: treedata,
                method: "GET"
            });

    });
</script>
</body>
</html>